<div>
	<div class="info">
		<div class="sum-per">
			<div class="main-count">
				<div class="value">
					<div class="count-title">全部关联人</div>
					<div class="count-content">
						<img src="../img/related/全部.png" alt="">
						<div class="count-content-words">
							<span class="count-content-title">人数</span>
							<span class="count-content-num">{{netPers.length+hotelPers.length+tempPers.length+recordPers.length}}</span>
						</div>
					</div>
				</div>
				<div class="chart"></div>
			</div>
			<div class="other-counts">
				<div class="other-count">
					<div class="value">
						<div class="count-title">网吧关联人</div>
						<div class="count-content">
							<img src="../img/related/网吧2.png" alt="">
							<div class="count-content-words">
								<span class="count-content-title">人数</span>
								<span class="count-content-num">{{netPers.length}}</span>
							</div>
						</div>
					</div>
				</div>
				<div class="other-count">
					<div class="value">
						<div class="count-title">旅馆关联人</div>
						<div class="count-content">
							<img src="../img/related/旅馆2.png" alt="">
							<div class="count-content-words">
								<span class="count-content-title">人数</span>
								<span class="count-content-num">{{hotelPers.length}}</span>
							</div>
						</div>
					</div>
				</div>				
				<div class="other-count">
					<div class="value">
						<div class="count-title">暂住关联人</div>
						<div class="count-content">
							<img src="../img/related/暂住2.png" alt="">
							<div class="count-content-words">
								<span class="count-content-title">人数</span>
								<span class="count-content-num">{{tempPers.length}}</span>
							</div>
						</div>
					</div>
				</div>				
				<div class="other-count">
					<div class="value">
						<div class="count-title">前科同案关联人</div>
						<div class="count-content">
							<img src="../img/related/前科2.png" alt="">
							<div class="count-content-words">
								<span class="count-content-title">人数</span>
								<span class="count-content-num">{{recordPers.length}}</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
		<div class="per-plates">
			<div class="left-plate">
				<div class="plate-top">
					<span class="plate-icon"></span>
					<img src="../img/related/网吧.png" alt="">
					<span>网吧关联人</span>
					</div>
				<div class="plate-list-top">
					<span class="col-md-2">序号</span>
					<span class="col-md-3">照片</span>
					<span class="col-md-2">姓名</span>
					<span class="col-md-2">评分</span>
					<span class="col-md-3">详情</span>
					<span style="width:2px"></span>
				</div>
				<div class="plate-list">
					<ul>
						<li ng-repeat="person in netPers">
							<span class="col-md-2">{{$index+1}}</span>
							<span class="col-md-3"><img ng-src="{{person.img}}" alt=""></span>
							<span class="col-md-2">{{person.xm}}</span>
							<span class="col-md-2">{{person.df}}</span>
							<span class="col-md-3"><span ng-click="goXq(person.sfzh)" class="xq-btn">详情</span></span>
						</li>	
					</ul>
				</div>
			</div>

			<div>
				<div class="plate-top">
					<span class="plate-icon"></span>
					<img src="../img/related/旅馆.png" alt="">
					<span>旅馆关联人</span>
					</div>
				<div class="plate-list-top">
					<span class="col-md-2">序号</span>
					<span class="col-md-3">照片</span>
					<span class="col-md-2">姓名</span>
					<span class="col-md-2">评分</span>
					<span class="col-md-3">详情</span>
					<span style="width:2px"></span>
				</div>
				<div class="plate-list">
					<ul>
						<li ng-repeat="person in hotelPers">
							<span class="col-md-2">{{$index+1}}</span>
							<span class="col-md-3"><img ng-src="{{person.img}}" alt=""></span>
							<span class="col-md-2">{{person.xm}}</span>
							<span class="col-md-2">{{person.df}}</span>
							<span class="col-md-3"><span ng-click="goXq(person.sfzh)" class="xq-btn">详情</span></span>
						</li>	
					</ul>
				</div>
			</div>
			<div class="left-plate">
				<div class="plate-top">
					<span class="plate-icon"></span>
					<img src="../img/related/暂住.png" alt="">
					<span>暂住关联人</span>
					</div>
				<div class="plate-list-top">
					<span class="col-md-2">序号</span>
					<span class="col-md-3">照片</span>
					<span class="col-md-2">姓名</span>
					<span class="col-md-2">评分</span>
					<span class="col-md-3">详情</span>
					<span style="width:2px"></span>
				</div>
				<div class="plate-list">
					<ul>
						<li ng-repeat="person in tempPers">
							<span class="col-md-2">{{$index+1}}</span>
							<span class="col-md-3"><img ng-src="{{person.img}}" alt=""></span>
							<span class="col-md-2">{{person.xm}}</span>
							<span class="col-md-2">{{person.df}}</span>
							<span class="col-md-3"><span ng-click="goXq(person.sfzh)" class="xq-btn">详情</span></span>
						</li>	
					</ul>
				</div>
			</div>
			<div>
				<div class="plate-top">
					<span class="plate-icon"></span>
					<img src="../img/related/前科.png" alt="">
					<span>前科同案关联人</span>
					</div>
				<div class="plate-list-top">
					<span class="col-md-2">序号</span>
					<span class="col-md-3">照片</span>
					<span class="col-md-2">姓名</span>
					<span class="col-md-2">评分</span>
					<span class="col-md-3">详情</span>
					<span style="width:2px"></span>
				</div>
				<div class="plate-list">
					<ul>
						<li ng-repeat="person in recordPers">
							<span class="col-md-2">{{$index+1}}</span>
							<span class="col-md-3"><img ng-src="{{person.img}}" alt=""></span>
							<span class="col-md-2">{{person.xm}}</span>
							<span class="col-md-2">{{person.df}}</span>
							<span class="col-md-3"><span ng-click="goXq(person.sfzh)" class="xq-btn">详情</span></span>
						</li>	
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

